{# Each Google account the bot joins calls as (an agent): who it is,
   whether its sign-in still works, the meetings it is in now, each
   opening in the Meetings drawer, its card in a call (its picture, else
   its initials, and its on/off settings: camera, answers anyone), and, with accounts here,
   who owns a meeting it joins from its calendar that nobody on the invite
   owns. One is made by signing it in. #}
{% from "components/macros/feedback.html" import error_banner %}
{% from "components/macros/form.html" import checkbox, file_button, select %}
{% from "components/macros/layout.html" import card %}
{% from "components/macros/table.html" import data_table %}
{% macro in_now(meetings) -%}
{%- for m in meetings -%}
<a data-in-now href="{{ m.url }}" {{ hx_replace(m.url, "#overseer-main") }} class="text-aegis-text hover:text-aegis-teal">{{ m.label }}</a>{{ ", " if not loop.last }}
{%- else -%}-{%- endfor -%}
{%- endmacro %}
{% set redraw = 'hx-target="#overseer-meeting-agents" hx-select="#overseer-meeting-agents" hx-swap="outerHTML"' %}
{% macro agent_card(cell) -%}
{% set base = partials ~ "/agents/" ~ cell.agent %}
<div class="flex items-center gap-3">
  {% if cell.image %}<img data-agent-image src="{{ base }}/image?v={{ cell.image }}" alt="" width="32" height="32" class="w-8 h-8 rounded-full object-cover">
  {% else %}<span class="w-8 h-8 shrink-0 rounded-full bg-aegis-teal text-aegis-bg text-xs font-semibold inline-flex items-center justify-center">{{ cell.initials }}</span>{% endif %}
  <form data-write data-agent-image hx-post="{{ base }}/image" hx-encoding="multipart/form-data" {{ redraw|safe }}>
    {{ file_button("agent-image-" ~ cell.agent, "Change picture" if cell.image else "Add picture", cell.accept) }}
  </form>
  {% if cell.image %}<button type="button" data-write hx-delete="{{ base }}/image" {{ redraw|safe }} class="text-xs text-aegis-muted hover:text-aegis-text">Remove</button>{% endif %}
  {% for s in cell.switches %}
  <form data-write data-switch="{{ s.name }}" hx-post="{{ base }}/{{ s.name }}" hx-trigger="change" {{ redraw|safe }}>
    {{ checkbox("on", s.on, s.label, "1") }}
  </form>
  {% endfor %}
</div>
{%- endmacro %}
{% macro default_owner(cell) -%}
<form data-write hx-post="{{ partials }}/agents/{{ cell.agent }}/owner" hx-trigger="change" {{ redraw|safe }}>
  {{ select("user_id", owners, selected=cell.id, blank="Nobody", attrs='data-default-owner="' ~ cell.agent ~ '"') }}
</form>
{%- endmacro %}
{% set columns = [
  {"key": "agent", "label": "Agent"},
  {"key": "joins_as", "label": "Joins as"},
  {"key": "email", "label": "Google account"},
  {"key": "sign_in", "label": "Sign-in", "kind": "status"},
  {"key": "in_now", "label": "In now", "render": in_now},
  {"key": "card", "label": "In a call", "render": agent_card},
] + ([{"key": "default_owner", "label": "Default owner", "render": default_owner}] if owners else []) %}
<div class="space-y-4">
  {% call card(None, id="overseer-meeting-agents") %}
    {% if error %}<div class="mb-3">{{ error_banner([error]) }}</div>{% endif %}
    {{ data_table(columns, rows, empty="No agents yet") }}
    <p class="mt-3 text-xs text-aegis-muted">Sign one in, or add another: <code class="font-mono">meetings login --agent &lt;name&gt;</code></p>
  {% endcall %}
</div>